<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

</head>

<body>
    <div id="app">
        呵呵{{message}}
        <h1>{{name}}</h1>
    </div>
    

    <script src="../js/vue.js"></script>
    <script>
        //编程方式（声明式编程）
        const app = new Vue({
            el:"#app",//用于挂在要管理的元素
            data:{//定义数据
                message:"hellow vue!",
                name:"李民康"
            }
        })
        /**
            以前js元素的做法  -->编程方式（命令编程）
            1、创建div元素，设置id属性
            2、定义一个变量叫message
            3、将message变量放在div元素中显示
        **/
    </script>
</body>

</html>